/**
 * @author kobe
   @author levy 添加商城相关入口
 * @date   16/06/08
 */
@import url(//at.alicdn.com/t/font_1469781649_8316581.css);

.my-index {

    //padding-bottom: .3rem;

    .margin-top {
        margin-top: .1rem;
    }

    .tip-num {
        left: .4rem;
        text-align: center;
    }

    .alifont{
        float: left;

        &:before {
            font-size: .22rem;
            margin-right: 0.15rem;
        }
    }

    .alifont-gouwuche:before {
        font-size: .23rem;
        color: #40cccd;
    }

    .alifont-kaimen:before {
        margin-left: -.04rem;
        margin-right: 0.14rem;
        font-size: .27rem;
    }

    .alifont-yueyingxiongzhaomu {
        &:before {
            margin-right: 0.15rem;
            padding-left: .02rem;
            font-size: .18rem;
        }

        margin-right: .01rem !important;
    }

    .alifont-daifukuan {
        padding-top: .1rem !important;

        &:before {
            font-size: .24rem;
            color: #9adbcc;
        }
    }

    .alifont-daishouhuo:before {
        color: #75cbeb;
    }

    .alifont-daipingjia {
        padding-top: .08rem !important;

        &:before {
            font-size: .26rem;
            color: #ff94ae;
        }
    }

    .alifont-p-return:before {
        font-size: .25rem;
        color: #fbcd5f;
    }

    .mui-icon-location {
        &::before {
            font-size: .22rem;
            line-height: .3rem;
        }

        margin-right: 0.14rem !important;
        margin-left: .02rem;
    }

    .header{
        padding: 0.15rem 0;
        margin-bottom: .1rem;

        .header-info{
            height: 0.6rem;
            overflow: hidden;

            .avatar{
                float: left;
                width: 0.6rem;
                height: 0.6rem;
                margin-left: 0.15rem;
                border-radius: 5rem;
                overflow: hidden;

                img{
                    width: 100%;
                    height: 100%;
                }
            }

            .name{
                float: right;
                font-size: 0.16rem;
                line-height: 0.6rem;
                margin-right: 0.4rem;
                color: #3b3b3b
            }
        }
    }

    //add by levy
    .order-query-items{
        text-align: center;
        background-color: white;

        .alifont {
            padding-top: .11rem;
            padding-bottom: .05rem;

            &::before {
                margin: 0;
            }

            & + .text {
                padding-bottom: .11rem;
                font-size: .15rem;
                color: #3b3b3b;
            }
        }

        .flex-item {
            position: relative;
        }

        .tip-num {
            top: .05rem;
            left: initial;
            right: .45rem;
        }
    }



    .choose-link{
        background-color: #ededed;

        &::before {
            content: none;
        }

        li{
            ////防止被手机底部栏遮住
            //&:last-child {
            //    margin-bottom: .2rem;
            //}

            font-size: 0.16rem;
            color: #3b3b3b;
            background: white;

            a{
                display: block;
                line-height: 0.3rem;
                height: 0.3rem;
                overflow: hidden;

                .text{
                    display: block;
                    line-height: 0.3rem;
                    height: 0.3rem;
                    float: left;
                }

            }

        }

        .mui-navigate-right{
            position: relative;

            &::after {
                font-size: .2rem;
            }
        }

        .mui-icon{
            float: left;
            margin-right: 0.15rem;
            font-style: normal;
            font-size: .24rem;
            -webkit-text-stroke-width: 0.091px;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;

            &.mui-icon-locked{
                color: rgb(244,73,80);
            }

        }

        .iconfont{
            float: left;
            margin-right: 0.15rem;
            font-family: "finger-me" !important;
            font-style: normal;
            font-size: .24rem;
            -webkit-text-stroke-width: 0.091px;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
        }

        .residents {
            &:after {
                content: '\e6f5';
                color:rgb(65,194,163)
            }
        }

        .feedback {
            &:after {
                content: '\e6f6';
                color:rgb(58,184,102)
            }
        }

        .setting {
            &:after {
                content: '\e6f7';
                color:rgb(242,154,0)
            }
        }

        .mui-table-view-cell>a:not(.mui-btn){
            margin: 0 -0.65rem 0 0;
            padding: 0;

            &.mui-active{
                background: none !important;
            }
        }

    }
 
}

.lf-android-4-3,
.lf-android-4-2,
.lf-android-4-1{

    .flex{
        display: block !important;
        overflow: hidden;
    }

    .flex-item{
        float: left;
        display: block;
        width: 33%;
        color:#333 !important;
        text-align: center;
    }

    .alifont{
        display: block;
        width: .26rem;
        padding-bottom: 0 !important;
        margin: 0 auto 0 auto;
        float: none;
        color:#ff9900 !important;

        &:before{
            font-size: .22rem;
            content:"N";
        }

    }

}
 